<template>
    <div>
        <public-head :title="title" :path="path"  :hasSearch="hasSearch" />
        <van-tabs  v-model="active" color = "#198AFF" line-width="20px"
            title-active-color = "#198AFF" title-inactive-color="#999"
            >
            <van-tab title="已达标">
                <div class="standard">
                    <div>
                        <img src="../../../assets/images/portrait.png" alt="">
                    </div>
                    <div>
                        <h2>飞翔的小土豆</h2>
                        <div class="department"><span>企业部</span> <span>已达标</span></div>
                        <div class="result"><a href="">酒测结果</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>2021.06.10</span></div>
                    </div>
                </div>
            </van-tab>
            
            <van-tab title="未达标">
                <div class="standard">
                    <div>
                        <img src="../../../assets/images/portrait.png" alt="">
                    </div>
                    <div>
                        <h2>飞翔的小土豆</h2>
                        <div class="department"><span>企业部</span> <span class="wei">未达标</span></div>
                        <div class="result"><a href="">酒测结果</a>&nbsp;&nbsp;&nbsp;&nbsp;<span>2021.06.10</span></div>
                    </div>
                </div>
            </van-tab>
    </van-tabs>
    </div>
</template>
<script>
import PublicHead from "../../../components/PublicHead";
export default {
    name:"winetesting",
    components:{
        PublicHead
    },
    data() {
        return {
            title: "我的酒测",
            path:"winetesting",
            hasSearch: true,
            active:"0",
        }
    },
    methods: {
        
    },
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.standard{
    width 345px
    background-color #fff
    border-radius 5px
    display flex
    margin 10px 15px
    padding  20px 10px
    box-sizing border-box
    img{
        width 47px
        height 47px
        margin 10px 10px 10px 0
    }
    h2{
        font-size 15.5px
        font-weight bold
    }
    .department{
        display flex
        justify-content space-between
        width 264px
        color #198AFF
        font-size 13px
        line-height 40px
        span:first-child{
            color #666666
        }
        .wei{
            color #F95425
        }
    }
    .result{
        font-size 12px
        color #999999
        a{
            color #73D5BB
        }
    }
}
</style>
